<div>
    <div class="container col-xl-10 col-xxl-8 px-4 py-5">
        <div class="row align-items-center g-lg-5 py-5">
            <div class="col-lg-7 text-center text-lg-start">
                <h1 class="display-4 fw-bold lh-1 mb-3">WT Social Network</h1>
                <p class="col-lg-10 fs-4">Социальная сеть слабых вязей</p>
            </div>
            <div class="col-md-10 mx-auto col-lg-5">
                <form class="p-4 p-md-5 border rounded-3 bg-light" action="#" wire:submit.prevent="logIn">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" placeholder="name@example.com" wire:model="email">
                        <label for="email">Email адрес</label>
                        @error('email') <div id="emailFeedback" class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-floating mb-3">
                        <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" placeholder="Пароль" wire:model="password">
                        <label for="password">Пароль</label>
                        @error('password') <div id="passwordFeedback" class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="checkbox mb-3">
                        <label>
                            <input type="checkbox" wire:model="rememberMe"> Запомнить меня
                        </label>
                    </div>
                    <button class="w-100 btn btn-lg btn-primary" type="submit" wire:loading.attr="disabled">Вход</button>
                    <small><a href="{{ route('restore-password') }}">Я забыл пароль</a></small>
                    <hr class="my-4">
                    <small><a href="{{ route('user-registration') }}">Регистрация</a></small>
                </form>
            </div>
        </div>
    </div>
</div>
